<template>
    <div style="text-align: left">
        <div style="display: inline-block;text-align: left;margin-left: 15px" v-for="i in booklist">
            <div  style="margin-top: 10px;text-align: left;margin-right: 25px">
                <div>
                    <img width="100px" :src="i.url" alt="">
                </div>
                <div>
                    <p>{{i.name}}</p>
                    <p>作者：{{i.author}}</p>
                </div>
            </div>
        </div>
    </div>

</template>

<script>
    export default {
        name: '',
        components: {},
        props: {},
        data() {
            return {
                booklist:[
                    {
                        url:"https://bookbk.img.zhangyue01.com/idc_1/m_1,w_156,h_208,q_100/da3637c4/group6/M00/E7/EC/CmQUNlsLwkaECSEsAAAAAJOpcg0715902694.jpg?v=oMXJSqI4&t=CmQUNl6Iu9M.",
                        author:"马尔克斯",
                        name:"百年孤独"
                    },
                    {
                        url:"https://bookbk.img.zhangyue01.com/idc_1/m_1,w_156,h_208,q_100/da3637c4/group6/M00/E7/EC/CmQUNlsLwkaECSEsAAAAAJOpcg0715902694.jpg?v=oMXJSqI4&t=CmQUNl6Iu9M.",
                        author:"马尔克斯",
                        name:"百年孤独"
                    },
                    {
                        url:"https://bookbk.img.zhangyue01.com/idc_1/m_1,w_156,h_208,q_100/da3637c4/group6/M00/E7/EC/CmQUNlsLwkaECSEsAAAAAJOpcg0715902694.jpg?v=oMXJSqI4&t=CmQUNl6Iu9M.",
                        author:"马尔克斯",
                        name:"百年孤独"
                    },
                    {
                        url:"https://bookbk.img.zhangyue01.com/idc_1/m_1,w_156,h_208,q_100/da3637c4/group6/M00/E7/EC/CmQUNlsLwkaECSEsAAAAAJOpcg0715902694.jpg?v=oMXJSqI4&t=CmQUNl6Iu9M.",
                        author:"马尔克斯",
                        name:"百年孤独"
                    }, {
                        url:"https://bookbk.img.zhangyue01.com/idc_1/m_1,w_156,h_208,q_100/da3637c4/group6/M00/E7/EC/CmQUNlsLwkaECSEsAAAAAJOpcg0715902694.jpg?v=oMXJSqI4&t=CmQUNl6Iu9M.",
                        author:"马尔克斯",
                        name:"百年孤独"
                    }, {
                        url:"https://bookbk.img.zhangyue01.com/idc_1/m_1,w_156,h_208,q_100/da3637c4/group6/M00/E7/EC/CmQUNlsLwkaECSEsAAAAAJOpcg0715902694.jpg?v=oMXJSqI4&t=CmQUNl6Iu9M.",
                        author:"马尔克斯",
                        name:"百年孤独"
                    }
                ]
            }
        },
        computed: {},
        watch: {},
        methods: {},
        created() {
        },
        mounted() {
        },
    }

</script>

<style scoped>
</style>

